.content{
    width: 100%;
    height: 500px;
    padding: 100px 0;
}
.content-c{
    width: 1200px;
    height: 100%;
}
.content-c .list{
    width: 100%;
    height: 100%;
}
.content-c .list-item{
    position: relative;
    float: left;
    width: 287px;
    height: 494px;
    background-color: #b6e6b0;
    margin-right: 17px;
}
.content-c .mr0{
    margin-right: 0;
}
.content-c .img-1{
    background: url(img/01.jpg) no-repeat center;
}
.content-c .img-2{
    background: url(img/02.jpg) no-repeat center;
}
.content-c .img-3{
    background: url(img/03.jpg) no-repeat center;
}
.content-c .img-4{
    background: url(img/04.jpg) no-repeat center;
}
.list-item .mask{
    position: absolute;
    width: 287px;
    height: 494px;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .1);
}
.list-item h2{
    color: #626262;
    height: 20px;
    font-size: 20px;
    line-height: 20px;
    margin-top: 124px;
    margin-left: 36px;
}
.list-item p{
    height: 45px;
    color: #4d4c4c;
    line-height: 25px;
    margin-top: 44px;
    margin-left: 36px;
}